<template>
  <div class="matter">
    <!-- 标题 -->
    <div class="title">
      <span @click="$router.go(-1)"><van-icon name="arrow-left" /></span>
      <span style="font-weight: 600">问题反馈</span>
      <span></span>
    </div>
    <div style="text-align: center">
      <textarea
        placeholder="请输入您的问题或反馈"
        style="width: 330px; height: 160px; color: #ddd; padding-left: 20px"
      ></textarea>
    </div>
    <van-button type="primary" block>提交</van-button>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs } from "vue";
</script>
<style lang="scss" scoped>
.matter {
  font-size: 20px;
  width: 100%;
  font-family: PingFangSC-Regular;
}
.title {
  background: #fff;
  display: flex;
  padding: 19px;

  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  margin-bottom: 20px;
}
.van-button{
    background-color: #f15a24;
    color: #fff;
    border: 0;
    width: 95%;
    border-radius: 10px;
    margin-top: 50px;
    margin-left: 20px;
    text-align: center;
}
</style>